<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<script src="${pageContext.request.contextPath}/js/printer.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#kmlDocumentUpload").hide();
        var pls_enter_applicant_name = "<br>" + document.getElementById("pls_enter_applicant_name").value;
        var pls_enter_submit_date = "<br>" + document.getElementById("pls_enter_submit_date").value;
        var pls_enter_applicant_address = "<br>" + document.getElementById("pls_enter_applicant_address").value;
        var pls_select_an_alienation_method = "<br>" + document.getElementById("pls_select_an_alienation_method").value;
        $("#gov-land-init-permit-application-form").validate({
            rules: {
                personId: {
                    required: true
                },
                submitDate: {
                    required: true,
                    isDateFormated: true
                },
                personAddress: {
                    required: true
                },
                dateOfBirth: {
                    isDateFormated: true
                }
            },
            messages: {
                personId: {
                    required: pls_enter_applicant_name
                },
                submitDate: {
                    required: pls_enter_submit_date
                },
                personAddress: {
                    required: pls_enter_applicant_address
                }
            }
        });
    });

    $(function () {
        var mode = document.getElementById("edit_mode").value;

        // if (mode == 2 || mode == 3 || mode == 9 || mode == 20 ||mode == 21 ||mode == 30) {
        if (mode == 2) {
            /*  if ($('#applicantType1').attr('checked')) {
             enableFields(new Array('annualIncome'));
             } */
            var fieldIds = new Array(
                    'submitDate',
                    'alienationMethodSelectedList-1',
                    'alienationMethodSelectedList-2',
                    'alienationMethodSelectedList-3',
                    // 'district',
                    // 'dsDivision',
                    // 'hectareId',
                    // 'acreId',
                    // 'roodsId',
                    //'perchesId',
                    //'select_all_col_managers',
                    //'removeDsButton',
                    'purposeId',
                    //'alienationMethodSetId1',
                    //'alienationMethodSetId3',
                    //'alienationMethodSetId3',
                    //'alienationMethodSetId4',
                    'gnDivisionId',
                    'districtId',
                    'dsDivisionId',
                    //'occupationId'

                    'addChild',
                    'attachDocBtn'
            );
            disableFields(fieldIds);

            disableFields(new Array('applicantType0', 'applicantType1'));

            //$("#attachFile").hide();
        }
        /* if (mode == 8 || mode == 9) {
         enableFields(new Array('gov-land-init-permit-application-form_landApplication_comment'));
         }

         if (mode == 3 || mode == 4 || mode == 6) {
         showLandDetails();
         $('#landDetails').hide();
         $('a[rel*=facebox]').facebox(function() {
         $('#landDetails').show();
         });
         }  */
        //enableFields(new Array('applicantType0', 'applicantType1'));
        /*  if(mode == 9 || mode==20){
         $("#attachFile").show();
         }*/
    });

    $(function () {

        $('#personDetails').hide();
        $('#instituteDetails').hide();

        $('#applicantType0').bind('click', function () {
            $('#personDetails').hide();
            $('#instituteDetails').show();
            disableFields(fieldIds_person);
            showFields(fieldIds_institute);

        });
        $('#applicantType1').bind('click', function () {

            $('#personDetails').show();
            $('#instituteDetails').hide();
            disableFields(fieldIds_institute);
            showFields(fieldIds_person);

        });
        if ($('#applicantType0').is(':checked')) {

            $('#personDetails').hide();
            $('#instituteDetails').show();
            disableFields(fieldIds_person);
            showFields(fieldIds_institute);


        } else if ($('#applicantType1').is(':checked')) {

            $('#personDetails').show();
            $('#instituteDetails').hide();
            disableFields(fieldIds_institute);
            showFields(fieldIds_person);
        }
    });

    function getDsDivisionByDistrict() {
        var oSelect = document.getElementById('districtId');
        //var options1 = '<option value="0"> -- Select -- </option> ';
        var options1 = '<option value="0">' + $('#select').val() + '</option> ';
        for (var iCount = 0; oSelect.options[iCount]; iCount++) {
            if (oSelect.options[iCount].selected == true) {
                var id = oSelect.options[iCount].value;
                $.getJSON('${pageContext.request.contextPath}/common/DivisionLookupService', {id: id, mode: 2},
                        function (data) {
                            var ds = data.dsDivisionList;
                            for (var i = 0; i < ds.length; i++) {
                                options1 += '<option value="' + ds[i].optionValue + '">' + ds[i].optionDisplay + '</option>'
                            }
                            $("select#dsDivisionId").html(options1);
                            //$("select#gnDivisionId").html('<option value="0"> -- Select -- </option> ');
                            $("select#gnDivisionId").html('<option value="0">' + $('#select').val() + '</option> ');
                        });
            }
        }
    }

    function getGnDivisionByDsDivision() {
        var oSelect = document.getElementById('dsDivisionId');
        //var options1 = '<option value="0"> -- Select -- </option> ';
        var options1 = '<option value="0">' + $('#select').val() + '</option> ';
        for (var iCount = 0; oSelect.options[iCount]; iCount++) {
            if (oSelect.options[iCount].selected == true) {
                var id = oSelect.options[iCount].value;
                $.getJSON('${pageContext.request.contextPath}/common/DivisionLookupService', {id: id, mode: 3},
                        function (data) {
                            var ds = data.gnDivisionList;
                            for (var i = 0; i < ds.length; i++) {
                                options1 += '<option value="' + ds[i].optionValue + '">' + ds[i].optionDisplay + '</option>'
                            }
                            $("select#gnDivisionId").html(options1);
                        });
            }
        }
    }


</script>
<div id="land-registration-module-home-title" class="module-home-title">
    <s:if test="#session.userGroup !='slc'">
        <s:include value="../alienationApplicationNavigationDetail.jsp"/>
    </s:if>

    <%--<div id="back-button" align="right">
        <s:submit type="input" value="%{getText('back.label')}" onclick="goBack();"/>
        <s:submit type="input" value="%{getText('print.label')}" onclick="printPage('init-land-permits-application-outer', 'A4', 'P');"/>
    </div>--%>
</div>
<div id="init-land-permits-application-outer" class="form-outer">
    <s:if test="landApplication.workflowItem != null">
        <h3><s:property value="%{getText('detailed_alienation_applications.label')}"/></h3>
        <h3><s:property value="landApplication.workflowItem.workflowTask.nextAction"/></h3>
    </s:if>
    <%--<h3><s:label value="%{getText('detailed_land_application_new_alienation.label')}"/></h3>--%>
    <s:else>
        <h2><s:property value="%{getText('detailed_alienation_applications.label')}"/> -
            <s:property value="%{getText('new_alienation.label')}"/></h2>
    </s:else>

    <%-- <s:if test="editMode==4">
         <h3><s:label value="%{getText('conducting_interview.label')}"/></h3>
     </s:if>
     <s:elseif test="editMode==5">
         <h3><s:label value="%{getText('handle_objections.label')}"/></h3>
     </s:elseif>
     <s:elseif test="editMode==6">
         <h3><s:label value="%{getText('approve_objections.label')}"/></h3>
     </s:elseif>
     <s:elseif test="editMode==7">
         <h3><s:label value="%{getText('finalize_application.label')}"/> </h3>
     </s:elseif>
      <s:elseif test="editMode==8">
         <h3><s:label value="%{getText('allocate_land.label')}"/></h3>
     </s:elseif>
      <s:elseif test="editMode==9">
         <h3><s:label value="%{getText('approve_land_allocation.label')}"/></h3>
     </s:elseif>
      <s:elseif test="editMode==11">
         <h3><s:label value="%{getText('complete_application.label')}"/></h3>
     </s:elseif>
       <s:elseif test="editMode==12">
         <h3><s:label value="%{getText('approve_completed_application.label')}"/></h3>
     </s:elseif>
       <s:elseif test="editMode==20">
         <h3><s:label value="%{getText('approve_alienation.label')}"/></h3>
     </s:elseif>--%>
    <hr/>
    <div align="left" style="color:red">
        <s:actionerror/>
        <s:actionmessage/>
    </div>
    <s:form method="POST" id="gov-land-init-permit-application-form"
            name="gov-land-init-permit-application-form" enctype="multipart/form-data"
            onsubmit="javascript:return (validateFormForInputDataSyntaxErrors('gov-land-init-permit-application-form') && resetIncome() && selectList())">
        <fieldset class="submit-date-fieldset-style">
            <table class="submited-date-table">
                <tr>
                    <td><s:label value="%{getText('submit_date.label')}" cssClass="mandatory-field"/><s:label
                            value="%{getText('date_format.label')}" cssClass="date-format"/></td>
                    <td><s:textfield id="submitDate" name="landApplication.submitDate"
                                     onKeyPress="return dateNumbersOnly(event,true)"/></td>
                </tr>
                <tr>
                    <td><s:label value="%{getText('alienation_methods.label')}" cssClass="mandatory-field"/></td>
                    <td><s:checkboxlist id="alienationMethodSetId" list="alienationMethodSet"
                                        name="alienationMethodSelectedList"
                                        value="amSelectedList" theme="checkbox-theme"/></td>
                    <s:hidden name="newAlienation" value="1"/>
                </tr>
            </table>
        </fieldset>
        <div id="tabs">
            <ul>
                <li><s:a href="#land-permit-details"><s:label
                        value="%{getText('details_of_applicant.label')}"/></s:a></li>
                <li><s:a href="#landAlienationDetails"><s:label value="%{getText('details_of_land.label')}"/></s:a></li>
                <li><s:a href="#otherDetails"><s:label value="%{getText('other_details.label')}"/></s:a></li>
            </ul>
            <div class="fieldset-style" id="land-permit-details">
                <table class="width-100">
                    <tr>
                        <td align="center" colspan="4">
                            <s:radio id="applicantType" name="holder.holderType"
                                     list="#@java.util.HashMap@{'1':getText('person.label'),'0':getText('institute.label')}"/>
                                <%-- <s:hidden name="applicantType"/> --%>
                        </td>
                    </tr>
                </table>
                <table class="width-100" id="division">
                    <s:if test="viewMode">
                        <tr>
                            <td><s:label value="%{getText('district.label')}"/></td>
                            <td><s:textfield id="districtId" name="districtName" cssClass="width-200-px"
                                             disabled="true"/></td>
                            <td><s:label value="%{getText('ds_division.label')}"/></td>
                            <td><s:textfield id="dsDivisionId" name="dsDivisionName" cssClass="width-200-px"
                                             disabled="true"/></td>
                        </tr>
                        <tr>
                            <td><s:label value="%{getText('gn_division.label')}"/><span class="mandatory-field"></span>
                            </td>
                            <td>
                                <s:textfield id="gnDivisionId" name="holder.gnDivision.name" cssClass="width-200-px"/>
                            </td>
                        </tr>
                    </s:if>
                    <s:else>
                        <tr>
                            <td><s:label value="%{getText('district.label')}"/></td>
                            <td><s:select id="districtId" name="districtId" list="districtListAll"
                                          onchange="getDsDivisionByDistrict()" headerKey="0"
                                          headerValue="%{getText('select.label')}"
                                          cssClass="width-200-px"/></td>
                            <td><s:label value="%{getText('ds_division.label')}"/></td>
                            <td><s:select id="dsDivisionId" name="dsDivisionId" list="dsDivisionList"
                                          onchange="getGnDivisionByDsDivision()" headerKey="0"
                                          headerValue="%{getText('select.label')}" cssClass="width-200-px"/></td>
                        </tr>
                        <tr>
                            <td><s:label value="%{getText('gn_division.label')}"/><span class="mandatory-field"></span>
                            </td>
                            <td>
                                <s:select id="gnDivisionId" name="holder.gnDivision.id" list="gnDivisionList"
                                          headerKey="0" headerValue="%{getText('select.label')}"
                                          cssClass="width-200-px"/>
                            </td>
                        </tr>
                    </s:else>
                </table>
                <table id="instituteDetails" class="width-100">
                    <tr>
                        <td colspan="4">
                            <s:include value="../instituteDetails.jsp"/>
                        </td>
                    </tr>
                </table>
                <table id="personDetails" class="width-100">
                    <tr>
                        <td colspan="4">
                            <s:include value="../personalDetails.jsp"/>
                        </td>
                    </tr>

                </table>
            </div>
            <div style="page-break-after:always;"></div>
            <div class="fieldset-style" id="landAlienationDetails">
                <table class="width-100">
                    <s:include value="../landAlienationDetails.jsp"/>
                </table>

            </div>
            <div class="fieldset-style" id="otherDetails">
                <table class="width-100">
                        <%-- <tr>
                          <td><s:label value="%{getText('relationship_to_the_current_residency.label')}"/></td>
                          <td><s:select
                                  list="#@java.util.HashMap@{'0':getText('house_of_relative.option'),'1':getText('parents_house.option'),
              '2':getText('rent.option'),'3':getText('illegal_house.option'),'4':getText('temporary_house.option')}"
                                  name="landApplication.residencialType" id="residencialTypeListId"
                                  cssClass="width-180-px"/></td>
                      </tr>  --%>

                    <tr>
                        <td><s:label value="%{getText('purpose_of_the_requesting_land')}"/></td>
                        <td><s:select id="purposeId" name="landApplication.landUsage.id"
                                      list="purposeList"/></td>
                    </tr>
                </table>
            </div>
            <table>
                    <%--<tr>
                        <td align="left-align"><s:include value="../AlienationFormat.jsp"/></td>
                    </tr>--%>
                <tr>
                    <td align="left-align"><s:include value="../../documentUploadTemp.jsp"/></td>
                </tr>
            </table>
        </div>
        <hr/>
        <s:include value="buttons.jsp"/>
    </s:form>
</div>
<div id="landDetails" style="width: 780px;">
</div>
<s:hidden id="pls_enter_applicant_name" value="%{getText('pls_enter_applicant_name')}"/>
<s:hidden id="pls_enter_submit_date" value="%{getText('pls_enter_submit_date')}"/>
<s:hidden id="pls_enter_applicant_address" value="%{getText('pls_enter_applicant_address')}"/>
<s:hidden id="pls_enter_valid_email" value="%{getText('pls_enter_valid_email')}"/>
<s:hidden id="pls_enter_valid_phone_No" value="%{getText('pls_enter_valid_phone_No')}"/>
<s:hidden id="pls_enter_valid_NIC_No" value="%{getText('pls_enter_valid_NIC_No')}"/>
<s:hidden id="pls_enter_annual_income" value="%{getText('pls_enter_annual_income')}"/>
<s:hidden id="pls_enter_valid_annual_income" value="%{getText('pls_enter_valid_annual_income')}"/>
<s:hidden id="applicant_age_validate" value="%{getText('applicant_age_validate.label')}"/>
<s:hidden id="pls_enter_the_applicant_dob" value="%{getText('pls_enter_the_applicant_dob.label')}"/>
<s:hidden id="pls_enter_valid_value" value="%{getText('pls_enter_valid_value')}"/>
<s:hidden id="pls_select_an_alienation_method" value="%{getText('pls_enter_valid_value')}"/>
<s:hidden id="select" value="%{getText('select.label')}"/>

